#wrapAll{width:100%; min-height: 1000px;  }
*{font-family: Segoe UI, Tahoma, Arial;}
a:hover{text-decoration: none;}

body{background: url(../../images/bodyBg.jpg) top center fixed no-repeat;}

/* Navigation */
.main-nav{background: url(../../images/articleBg.jpg); border: none; min-height: 30px; border-bottom: 2px solid #F39C12; border-radius: 0px;}
.main-nav li a{font-size: 15px; }
.main-nav .navbar-brand{padding: 0px 10px 2px 10px;}
.main-nav a{ color: #666; padding: 7px 10px 9px;}
.navbar-inverse .navbar-nav > li > a {opacity: 1;}
.main-nav .navbar-nav li a.active{background: #F39C12; color: #fff;}

.main-nav .navbar-nav li a:hover{
	background: #F39C12; color: #fff !important;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
#main-nav{margin: 0px;}
#main-nav a{color: #333;}
#main-nav a.active{color: #fff;}


#main-sub-nav{border-bottom: none; background: #f2f2f2; margin-bottom: 0px; z-index:99;}
.dropdown-menu{border-radius: 0px;}
#main-sub-nav a{padding: 7px 12px; color: #333; font-size: 13px; border-right: 1px solid #eee !important;}
#main-sub-nav .navbar-nav li a:hover{
	background: #fff; color: #666 !important;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.yamm-mega-cat .yamm-mega-cat-ul{padding-left: 0px;}
#main-sub-nav .yamm-mega-cat{box-shadow: none; border: none; max-width: 900px; border-radius: 0px; padding:0px;  border-left: 1px solid #eee;}
#main-sub-nav .yamm-mega-cat li{list-style: none; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
#main-sub-nav .yamm-mega-cat li.yamm-item{padding: 5px 10px 5px 0px;}
#main-sub-nav .yamm-mega-cat li a{border-right: none !important; padding: 5px 10px;}
/* Main slider */
#wrap-top-content{position: relative; margin-bottom: 0px;}
#bx-pager{position: absolute; bottom: 10px; right: 10px; z-index: 9999;}
#wrap-top-content .bx-wrapper{margin-bottom: 0px;}
#bx-pager a.active img{outline:2px solid #fff;}
#bx-pager a:hover img{ outline:2px solid #fff;}
#main-slider{padding:0px;}
.bx-wrapper .bx-viewport{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; background: none;}

/* Main */
#wrapMain{max-width: 1000px; margin: 0px auto; background: url(../../images/blockBg.png); padding-top: 0px;}
.film-background{height: 3px; background: url(../../images/footerBorder.png) repeat-x; margin-bottom: 5px;}
#header-page-border{height: 1px;}
.explode-row{margin-bottom: 15px; overflow: hidden;}


/* General panel */
.no-margin-col{padding: 0px;}
.my-home-panel{background: #fafafa; box-shadow: none;}
.home-panel-main-title{padding: 0px 0px; overflow: hidden;}
.home-panel-main-title .home-panel-title{line-height: 21px; margin-bottom: 0px; padding:5px 0px 5px 13px;  color: #fff; display: block; float: left; font-size: 15px;}
.general-home-panel .home-panel-main-title{border-bottom: 1px solid #F39C12; }
.general-home-panel .home-panel-main-title .home-panel-title{background: #F39C12;}

.general-home-panel .home-panel-title-after{ background: url(../../images/homePanelTitleAfter.png);}
.general-home-panel.wrap-home-panel-small-title a{color: #fafafa;}
.my-home-panel, .my-home-small-panel{border:none;}
.my-home-panel .panel-heading, .my-home-small-panel .panel-heading{padding: 0px;}
.home-panel-main-title{padding: 0px 0px; overflow: hidden;}
.home-panel-title-after{display: block; float: left; width: 36px; height: 31px;}

.right-panel .home-panel-main-title{border-bottom: 1px solid #0079BE; }
.right-panel .home-panel-main-title a.home-panel-title{background: #0079BE;}
.right-panel .home-panel-title-after{ background: url(../../images/blueHomePanelTitleAfter.png);}
.mod-view-more{float: right; padding: 0px 10px; margin-top: 5px; font-size: 12px; line-height: 20px; font-family: tahoma; background: #0079BE;}
.mod-view-more a{color: #fff;}

/* Chat box panel */
#chatbox-home-panel .panel-body{padding: 0px;}
#chatbox-home-panel .home-panel-main-title a.home-panel-title{background: #0079BE;}
#chatbox-home-panel .home-panel-title-after{ background: url(../../images/blueHomePanelTitleAfter.png);}
#chatbox-home-panel .home-panel-main-title{border-bottom: 1px solid #0079BE; }

/* General item */
.item_home .img{position: relative; max-width: 150px;}
.item_home .item_home_title{ position: absolute; padding: 0px 5px; max-width: 150px; min-width: 100px; width: 100%; margin: 0px; bottom: 0px; left: 0px; background: #fff;  height: 22px; opacity: 1; text-overflow: ellipsis; text-align: center;}
.item_title{line-height: 20px;}
.item_info{font-size: 13px; }
.item_home .item_home_title a{white-space: nowrap; overflow: hidden; text-align:center; font-size: 15px; color: #333;}
.item_home:hover .item_home_title a{color: #F39C12;}
.item_info{position: absolute; padding: 1px 3px; color: #fff; bottom: 22px; background: #0079BE;}
.item_chapt_count{left: 0px;}
.item_year_published{right: 0px;}

/* General listing */
#right .general-home-panel .panel-body{padding: 0px;}
#most-view-panel{background: #fff;}
.general-listing{padding: 0px;}
.general-listing li{list-style: none; overflow: hidden;list-style: none;padding: 3px;background: url(../../images/articleBg.jpg);margin-bottom: 5px;font-size: 18px; border: 1px solid #fafafa;line-height: 18px; margin-bottom: 4px;}
.newest-chapt{margin-bottom: 1px;}
.newest-chapt a{font-size: 14px;}
.general-listing .title {float: left;margin: 0px 8px 3px 0px;display: block;}
.general-listing .title img{padding: 2px; border: 1px solid #eee;}
.upload-info {font-size: 11px;padding-left: 10px;margin-bottom: 3px;color: #999;}
.medal{	display: block; float: left; font-size: 80px;  line-height: 65px; margin: 0px 10px 0px 5px; font-weight: bold; color: #26ade4; font-family: Rockwell Extra Bold; left: 3px; }

/* Footer */
#footer{background: #fafafa; padding: 0px 10px;}
#footer-top-border{margin: 0px;}

/* Detail */
#truyen-detail-wrapper{margin-bottom: 0px;}
#detail_detail{border-bottom: 1px solid #eee; margin-bottom: 7px;}
#detail_detail > li > a{padding: 5px 10px; border-radius: 1px; color: #0079BE; background: #3da8e3; border: none; color: #fff; font-weight: normal;}
#detail_detail > li > a:hover{border: none; background: #F39C12;}
#detail_detail > li.active > a {background-color:#F39C12; border:none; color:#fff; font-weight: normal;}
.item_detail_box{text-align: center;}
.item_detail_box .img .img-rounded{border-radius: 2px;}
.item_detail_detail{ border-radius:5px;}
#detail-watch-anime-button{ font-size: 17px; border-radius: 0px; padding: 7px 5px; background: #21BE18; border: none; }
#detail-panel .panel-body{padding-bottom: 5px;}
#detail-panel .btn-group-vertical{border-radius: 0px; display: block;}
#detail-panel .btn-group-vertical .btn{border-radius: 0px; background: #3da8e3}
#wrap-rating h3{font-size: 14px; margin-top: 5px; margin-bottom: 4px;}
.detail_thongtin_tab{background: none; border: 1px solid #fafafa; border-top: none;}
#metadata-theloai a{margin: 0px;}
#truyen_detail_metadata .nguon{padding: 4px 5px;}
#truyen_tags a{ color:#000; font-size:10px}
#detail_detail_metadata tr td {border-top: none; padding: 4px;}
#detail-comment{margin-top: 20px;}
#detail-comment .panel-body{padding: 0px 5px;}
#detail-comment .home-panel-title{background: #0079BE;}
#detail-comment .home-panel-title-after{background: url(../../images/blueHomePanelTitleAfter.png);}
#detail-comment .home-panel-main-title{border-bottom: 1px solid #0079be;}
#fansub-ep-hint{padding: 5px; margin: 4px 10px 10px 10px; margin-bottom: 15px; position: relative; font-size: 12px;}
.notice-newest-chapt{color: #3a87ad; font-size: 14px; margin-top: 5px;}
.notice-newest-chapt b{margin-right: 10px;}
.notice-newest-chapt a{font-size: 14px; padding: 2px 8px; background: #3da8e3; color: #fff;}
#fansub-ep-hint:after, #fansub-ep-hint:before {top: 100%; left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
#fansub-ep-hint:after {border-color: rgba(136, 183, 213, 0);border-top-color: #d9edf7;border-width: 10px;margin-left: -250px;}
#fansub-ep-hint:before {border-color: rgba(194, 225, 245, 0);border-top-color: #bce8f1;border-width: 12px;margin-left: -252px;}
#fansub-ep-panel{margin-bottom: 10px;}
#fansub-ep-panel .panel-body{padding: 0px; margin: 0px 10px 5px; background: url(../../images/articleBg.jpg);}
#fansub-nav{border-bottom: 1px solid #F39C12}
#fansub-nav li {margin-bottom: 0px;}
#fansub-nav li a:hover{background: #F39C12;}
#fansub-nav li a{border-radius: 1px; padding: 5px 10px; border: none;  color: #fff; background: #fab446;}
#fansub-nav li.active a{background: #F39C12;}
#fansub-eps{padding: 10px;}
.fansub-eps-list li a{background: #3da8e3; padding: 3px 9px; margin-right: 3px; border-radius: 0px; color: #fff; }
.fansub-eps-list li.active a{background: #F39C12;}
.fansub-eps-list li a:hover{background: #F39C12;}
#detail_detail_metadata .badge{border-radius: 0px;}
#detail_detail_metadata .views{background: #ccc;}
#detail_detail_metadata .sochuong .badge{background: #3da8e3;}
span.newest-chapt{background: #F39C12; padding: 2px 8px;}
span.newest-chapt a{ color: #fff;}
.anime-control a{padding: 2px 5px; background: url(../../images/blockBg.png); color: #0079BE; }
.fansub_info{padding: 2px 0px 2px 0px;}
.fansub_info li{list-style: none; background: #fff; padding: 2px 5px;}
.fansub_info a{color: #666;}



/* Detail chapter*/
.wrap-anime-control{overflow: hidden;}
.anime-control span{font-size: 16px; line-height: 24px;}
#chapt_detail_info{padding:10px;}
#chapt_detail_info .home-panel-main-title .home-panel-title{background: #ccc; color: #fff;}
#chapt_detail_info .home-panel-title-after{background: url(../../images/grayHomePanelTitleAfter.png);}
#chapt_detail_info .home-panel-main-title{border-bottom: 1px solid #ccc; }
#chapt_detail_info .panel-body{font-size: 12px; color: #666; }
.detail-chapt-tag a{color: #3a87ad;}
/* End swiper slider */
.zoom-in, .zoom-out{cursor: pointer;}
#truyen-detail-wrapper h1{font-family: Tahoma, Arial, Sans-serif; font-size: 20px; color: #333; margin-bottom: 20px;}
#wrap-rating{text-align: center; width: 150px; margin: 0px auto; margin-bottom: 5px; background: #fdfdfd;}
#wrap-rating #detail-rating{margin-bottom: 6px;}
#wrap-rating p{line-height: 20px; margin: 0px; font-size: 11px;}
p#rating-point{font-size: 22px; font-weight: bold; color: #e74c3c; margin-top: 5px;}

.rate_success{background: #27ae60; color: #fff; border-radius: 2px;}
.table_truyen_theloai{margin-bottom: 0px;}
.item_truyen_detail .view span{padding-left:5px;}


/* Menu yamm dropdown from hover */
.sidebar-nav {padding: 9px 0;}
.dropdown-menu .sub-menu {left: 100%;position: absolute;top: 0;visibility: hidden;margin-top: -1px;}
.dropdown-menu li:hover .sub-menu {visibility: visible;}
.dropdown:hover .dropdown-menu {display: block;}
.nav-tabs .dropdown-menu,.nav-pills .dropdown-menu,.navbar .dropdown-menu{margin-top: 0;}
.navbar .sub-menu:before {border-bottom: 7px solid transparent;border-left: none;border-right: 7px solid rgba(0, 0, 0, 0.2);border-top: 7px solid transparent;left: -7px;top: 10px;}
.navbar .sub-menu:after {border-top: 6px solid transparent;border-left: none;border-right: 6px solid #fff;border-bottom: 6px solid transparent;left: 10px;top: 11px;left: -6px;}


/* Category */
.filter-cat{background: none;  margin:0px; margin-top: 6px; padding: 0px 5px 0px 0px;}
.filter-btn{padding: 2px 8px; border-radius: 0px; background: #F39C12;}
.filter-cat .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background: #F39C12;}
.filter-cat .dropdown-menu{border-radius: 0px; margin: 1px; font-size: 12px;}